	* {
		margin: 0;
		padding: 0;
	}
	li {
		list-style: none;
	}
	 .clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  } 
	body {
		height: 3000px;
		background-color: #fafafa;
	
	}	
	.header {
		height: 100px;
		background-color: #fff;
		
	}
	.inner { 
		height: 100px;
		width: 1200px;
		margin: 0 auto;
		background-color: #fff;
		line-height: 100px;
	}
	.logo {
		float: left;
	}
	.nav {
		float: right;
	}
	.nav li {
		float: left;
		margin: 0 20px;
	}
	.nav li a {
		color: #333;
		text-decoration: none;		
	}
	.nav a:hover {
		color:#2286f6;
		background:rgba(0,0,0,0.1) ;
	}
	.banner {
		height: 620px;
		background: url(../img/banner.jpg) no-repeat top center;			
	}
	.service{
		width: 1055px;
		background-color: ;
		margin: 75px auto 0;
	}
	.service-hd {
		border-top: 1px solid #ccc;
		margin: 25px;
	}
	.service-hd h3 {
		width: 167px;
		height: 47px;
		margin: -15px auto 0;
		
	}
	.service-hd p {
		width: 830px;
		font-size: 25px;
		color: #666;
		line-height: 26px;
		text-align: center;
		margin:15px auto 0;
	}
	.service-bd {
	margin-top:40px;
	overflow: hidden;
	}
	.service-bd li {
		height: 520px;
		width: 319px;
		background-color: #fff;
		float: left;	
		border: 1px solid #e7e8e9;
	}
	.service-bd li img {
		margin: 55px 35px;
			
			}
	.service-bd li h3 {
		font-size: 22px;
		height: 40px;
		text-align: center;
		font-weight: normal;
	}
	.youxi{
		margin: 0 45px;
	}
	.service-bd p {
		font-size: 12px;
		color: #666;
		width: 235px;
		margin: 0 auto;
		line-height: 26px;
	}
	.service-bd  a {
		text-decoration: none;
		display: block;
		width: 148px;
		height: 38px;
		border: 1px solid #ff9412;
		margin: 30px auto 0;
		text-align: center;
		line-height: 38px;
		font-size:14px;
		color: #ff9412;
		border-radius: 5px;
	}
	.service-bd a:hover{
	 color: #fff;
	 background-color:#ff9412 ;
	}
	.case {
		width: 1055px;
		margin:105px auto 0;
	}
	.case-bd li {
		width: 325px;
		height: 210px;
		float: left;
		position: relative;
銆�銆�}
	.case-bd {
	margin-top: 80px;
	position: relative;
	}
	.case-bd-m {
		margin: 0 40px;
	}
	.text {
	height: 45px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background:rgb(0,0,0,.3);
	line-height: 45px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	} 
	.mask {
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,.5) url(../img/fdj.png)
		 center no-repeat;
		 position: absolute;
		 top: 0;
		 left: 0;
		 display: none;
	}
	.case-bd li:hover .mask{
		display: block;
	}
	.left,.right {
	width: 60px;
    height: 60px;
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    border-radius: 50%;
	}
	.left {
		left: -90px;
	}
	.right {
		right: -90px;
	}
	.case-bd a:hover {
		background:rgb(0,0,0,.4) ;
		}
.media-bd {
	width: 1050px;
}
.media-bd ul {
	width: 1060px;
}
.media-bd li {
	width: 209px;
	height: 80px;
	float: left;
	border-right:1px dashed #ccc ;
	border-bottom: 1px dashed #ccc;
}